<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <form
      autocomplete="off"
      class="ant-form ant-form-vertical ant-pro-form"
    >
      <input
        style="display: none;"
        type="text"
      />
      <div
        class="ant-form-item ant-form-item-vertical"
      >
        <div
          class="ant-row ant-form-item-row"
        >
          <div
            class="ant-col ant-form-item-label"
          >
            <label
              class=""
              for="upload"
              title="Upload"
            >
              Upload
            </label>
          </div>
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                <span
                  class="ant-upload-wrapper"
                >
                  <div
                    class="ant-upload ant-upload-select"
                  >
                    <span
                      class="ant-upload"
                    >
                      <input
                        accept=""
                        id="upload"
                        name="file"
                        style="display: none;"
                        type="file"
                      />
                      <button
                        class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
                        type="button"
                      >
                        <span
                          aria-label="upload"
                          class="anticon anticon-upload"
                          role="img"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="upload"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="64 64 896 896"
                            width="1em"
                          >
                            <path
                              d="M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"
                            />
                          </svg>
                        </span>
                        <span>
                          上传按钮的文本变啦
                        </span>
                      </button>
                    </span>
                  </div>
                  <div
                    class="ant-upload-list ant-upload-list-picture"
                  />
                </span>
              </div>
            </div>
            <div
              class="ant-form-item-additional"
            >
              <div
                class="ant-form-item-extra"
                id="upload_extra"
              >
                extra
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="ant-form-item ant-form-item-vertical"
      >
        <div
          class="ant-row ant-form-item-row"
        >
          <div
            class="ant-col ant-form-item-label"
          >
            <label
              class=""
              for="upload"
              title="Upload"
            >
              Upload
            </label>
          </div>
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                <span
                  class="ant-upload-wrapper ant-upload-picture-card-wrapper"
                >
                  <div
                    class="ant-upload-list ant-upload-list-picture-card"
                  >
                    <div
                      class="ant-upload ant-upload-select"
                    >
                      <span
                        class="ant-upload"
                      >
                        <input
                          accept=""
                          id="upload"
                          name="file"
                          style="display: none;"
                          type="file"
                        />
                        <span>
                          <span
                            aria-label="upload"
                            class="anticon anticon-upload"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="upload"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"
                              />
                            </svg>
                          </span>
                           单击上传
                        </span>
                      </span>
                    </div>
                  </div>
                </span>
              </div>
            </div>
            <div
              class="ant-form-item-additional"
            >
              <div
                class="ant-form-item-extra"
                id="upload_extra"
              >
                extra
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="ant-form-item ant-form-item-vertical"
      >
        <div
          class="ant-row ant-form-item-row"
        >
          <div
            class="ant-col ant-form-item-label"
          >
            <label
              class=""
              for="dragger"
              title="Dragger"
            >
              Dragger
            </label>
          </div>
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                <span
                  class="ant-upload-wrapper"
                >
                  <div
                    class="ant-upload ant-upload-drag"
                    style="flex-direction: column; align-items: center; display: flex;"
                  >
                    <span
                      class="ant-upload ant-upload-btn"
                      role="button"
                      tabindex="0"
                    >
                      <input
                        accept=""
                        id="dragger"
                        name="files"
                        style="display: none;"
                        type="file"
                      />
                      <div
                        class="ant-upload-drag-container"
                      >
                        <p
                          class="ant-upload-drag-icon"
                        >
                          <span
                            aria-label="inbox"
                            class="anticon anticon-inbox"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="inbox"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="0 0 1024 1024"
                              width="1em"
                            >
                              <path
                                d="M885.2 446.3l-.2-.8-112.2-285.1c-5-16.1-19.9-27.2-36.8-27.2H281.2c-17 0-32.1 11.3-36.9 27.6L139.4 443l-.3.7-.2.8c-1.3 4.9-1.7 9.9-1 14.8-.1 1.6-.2 3.2-.2 4.8V830a60.9 60.9 0 0060.8 60.8h627.2c33.5 0 60.8-27.3 60.9-60.8V464.1c0-1.3 0-2.6-.1-3.7.4-4.9 0-9.6-1.3-14.1zm-295.8-43l-.3 15.7c-.8 44.9-31.8 75.1-77.1 75.1-22.1 0-41.1-7.1-54.8-20.6S436 441.2 435.6 419l-.3-15.7H229.5L309 210h399.2l81.7 193.3H589.4zm-375 76.8h157.3c24.3 57.1 76 90.8 140.4 90.8 33.7 0 65-9.4 90.3-27.2 22.2-15.6 39.5-37.4 50.7-63.6h156.5V814H214.4V480.1z"
                              />
                            </svg>
                          </span>
                        </p>
                        <p
                          class="ant-upload-text"
                        >
                          单击或拖动文件到此区域进行上传
                        </p>
                        <p
                          class="ant-upload-hint"
                        >
                          支持单次或批量上传
                        </p>
                      </div>
                    </span>
                  </div>
                  <div
                    class="ant-upload-list ant-upload-list-text"
                  />
                </span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        style="display: flex; gap: 8px; align-items: center;"
      >
        <button
          class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
          type="button"
        >
          <span>
            重 置
          </span>
        </button>
        <button
          class="ant-btn ant-btn-primary ant-btn-color-primary ant-btn-variant-solid"
          type="button"
        >
          <span>
            提 交
          </span>
        </button>
      </div>
    </form>
  </div>
</DocumentFragment>